.xwd-breadcrumb {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 1.5;
  color: rgb(0 0 0 / 85%);

  .ant-breadcrumb {
    display: flex;
    align-items: center;
  }

  .ant-breadcrumb-item {
    display: flex;
    align-items: center;
  }

  &-item {
    display: flex;
    align-items: center;

    &-icon {
      margin-right: 4px;
      display: inline-flex;
      align-items: center;
      font-size: 14px;
    }

    &-text {
      color: rgb(0 0 0 / 85%);
    }

    &-link {
      color: #1890ff;
      text-decoration: none;
      transition: color 0.3s;

      &:hover {
        color: #40a9ff;
      }
    }

    &-disabled {
      cursor: not-allowed;
      pointer-events: none;

      .xwd-breadcrumb-item-icon,
      .xwd-breadcrumb-item-text,
      .xwd-breadcrumb-item-link {
        color: rgb(0 0 0 / 25%) !important;
      }
    }
  }

  .ant-breadcrumb-separator {
    margin: 0 8px;
    color: rgb(0 0 0 / 45%);
  }
}
